<style>
#reportRokovnikTelemarketing{
	width:300px;
}
#reportRokovnikTelemarketing input[type=submit]{
	float:right;
}
#reportRokovnikTelemarketing label{
	width:80px;
	margin-left:10px;
	display:block;
	float:left;
	padding-top:8px;
	text-align:right;
}
#reportRokovnikTelemarketing fieldset{
	border:1px solid #aaa;
}
#reportRokovnikTelemarketing fieldset label{
	width:auto;
}
#reportRokovnikTelemarketing legend{
	color:#aaa;
}
#rokovnikTMReport_main{
	width:610px;
	max-height:500px;
	overflow:auto;
	margin-left:3px;
	font-size:11px;
}
#rokovnikTMReport_main table{
	border-top:1px solid #aaa;
	border-left:1px solid #aaa;
}
#rokovnikTMReport_main table tr{
	cursor:pointer;
	background:none;
}
#rokovnikTMReport_main table tr.selected{
	background:#ccc;
}
#rokovnikTMReport_main table tr.head:hover,
#rokovnikTMReport_main table tr.head{
	background:#2577BA;
	color:#fff;
	font-weight:bolder;
	cursor:default;
}
#rokovnikTMReport_main table tr.head td{
	vertical-align:middle;
	text-align:center;
}
#rokovnikTMReport_main table tr:hover{
	background:#2577BA;
	color:#fff;
}
#rokovnikTMReport_main table tr td{
	border-right:1px solid #aaa;
	border-bottom:1px solid #aaa;
	padding:2px 4px;
	vertical-align:top;
}
#rokovnikTMReport_main table tr td:first-child a{
	position:absolute;
	display:none;
	padding:2px;
}
#rokovnikTMReport_main table tr:hover td:first-child a{
	display:block;
	background:#fff;
}
#rokovnikTMReport_main table tr td a img{
	border:1px solid transparent;
}
#rokovnikTMReport_main table tr:hover td a img{
	border:1px solid #fff;
}
#rokovnikTMReport_info{
	width:310px;
	clear:both;
	color:#848263;
	font-weight:bolder;
	font-size:11px;
	padding:2px 5px;
	text-align:right;
	margin-top:-1px;
}
#rokovnikMoreInfo{
	width:310px;
	clear:both;
	padding:5px;
	margin-top:-1px;
}
#rokovnikMoreInfo strong{
	display:block;
	padding:2px 2px 2px 7px;
	text-transform:uppercase;
	background:url(gui/head_gradient.gif) no-repeat 0px 0px;
	color:#fff;
}
#rokovnikMoreInfo ul{
	margin:0px 0px 10px 0px;
	padding:5px 0px 0px 25px;
	list-style-type:square;
}
#rokovnikMoreInfo ul li{
	margin:0px;
	padding:2px;
}
</style>
<div style="float:left">
	<form id="reportRokovnikTelemarketing" method="post" action="javascript:void(0)" onsubmit="rokovnikReport(this)" class="area">
		<h3>Izveštaj poziva operatera</h3>
		<input type="hidden" name="a" value="report" />
		<input type="hidden" name="t" value="tm" />
		<!-- VREME POZIVA -->
		<fieldset>
		  <legend>Vreme poziva:</legend>
			<label for="start_date">OD:</label><input type="text" size="10" maxlength="10" id="start_date" name="start_date" value="{{$start_date}}" /><input type="button" class="datePicker" onclick="displayDatePicker('start_date',this)" />
			<label for="end_date">DO:</label><input type="text" size="10" maxlength="10" id="end_date" name="end_date" value="{{$end_date}}" />
			<input type="button" class="datePicker" onclick="displayDatePicker('end_date',this)" />
		</fieldset>
		
		<!-- KORISNIK -->
		<label for="user">Operater:</label>
		<select name="user" id="user">
			<option value="0">---</option>
			{{%loop start user_id}}
			<option value="{{$user_id}}" {{$user_selected}}>{{$user_ime}}&nbsp;{{$user_prezime}}</option>
			{{%loop end}}
		</select><br clear="all" />
		
		<!-- KOMITENT -->
		<label for="komitent">Komitent:</label><input type="text" name="komitent" id="komitent" value="{{$komitent}}" /><br clear="all" />
		
		<!-- POREKLO -->
		<label for="poreklo">Poreklo:</label>
		<select name="poreklo" id="poreklo">
			<option value="-1">---</option>
			{{%loop start poreklo_id}}
			<option value="{{$poreklo_id}}" {{$poreklo_selected}}>{{$poreklo}}</option>
			{{%loop end}}
		</select>
		<br clear="all" />
		
		<!-- KONTAKT -->
		<label for="kontakt">Kontakt:</label>
		<select name="kontakt" id="kontakt">
			<option value="-1">---</option>
			{{%loop start kontakt_id}}
			<option value="{{$kontakt_id}}" {{$kontakt_selected}}>{{$kontakt}}</option>
			{{%loop end}}
		</select>
		<br clear="all" />
		
		<!-- ODGOVOR -->
		<label for="odgovor">Odgovor:</label>
		<select name="odgovor" id="odgovor">
			<option value="-1">---</option>
			{{%loop start odgovor_id}}
			<option value="{{$odgovor_id}}" {{$odgovor_selected}}>{{$odgovor}}</option>
			{{%loop end}}
		</select>
		<br clear="all" />
		
		<!-- SPEC.DOGADJAJ -->
		<label for="napomena_spec">Spec.dogadaj:</label>
		<select name="napomena_spec" id="napomena_spec">
			<option value="-1">---</option>
			<option value="0" {{$sd_nema}}>nema</option>
			<option value="1" {{$sd_ima}}>ima</option>
		</select>
		<br clear="all" />
		
		<!-- NAPOMENA -->
		<label for="napomena">Napomena:</label>
		<select name="napomena" id="napomena" onchange="var nap1=document.getElementById('napomena_1'); if(this.value>0){nap1.style.display='block';}else{nap1.style.display='none';}">
			<option value="-1">---</option>
			<option value="0" {{$napomena_nema}}>nema</option>
			<option value="1" {{$napomena_ima}}>ima</option>
		</select>
		<textarea style="margin-left:95px;" name="napomena_1" id="napomena_1" style="display:{{$display_napomena}}">{{$napomena_1}}</textarea>
		<br clear="all" />
		
		<!-- ISHOD -->
		<label for="ishod">Ishod:</label>
		<select name="ishod" id="ishod">
			<option value="-1">---</option>
			{{%loop start result_type_id}}
			<option value="{{$result_type_id}}"  {{$result_type_selected}}>{{$result_type}}</option>
			{{%loop end}}
		</select>
		<br clear="all" />
		
		<input type="submit" value="filter" />
	</form>
	<div class="area" id="rokovnikTMReport_info">{{$info}}</div>
	<div class="area" id="rokovnikMoreInfo"></div>
</div>
<div style="float:left">
	<div class="area" id="rokovnikTMReport_main">{{$rokovnikTMReport}}</div>
</div>